@charset "UTF-8";
.lv1{ position: absolute;top:50%;margin-top:-130px;margin-left:20px;width:200px;border-radius: 50%;padding:15px; width:120px;height:120px; border: 1px solid #93939b;background-color: #eef2f7}
.lv1:before{position: absolute;right:-64px;top:50%; display:block;content:"";height:3px;width:64px; background-color: #808694}
.lv2{margin:0 50px 0 200px;position: relative;overflow: hidden;}
.lv2 ul{display: block;position: relative;}
.lv2:before{position: absolute;left:0;top:10px;bottom:160px; display:block;content:"";width:3px; background-color: #808694}
.lv21:before,.lv22:before,.lv23:before{display: block;width:100%;height:3px;content:"";background-color: #808694;}
.lv21:after,.lv22:after,.lv23:after{position: absolute;z-index:99;left:15px;top:-14px; display: block;width:80px;height:26px;line-height:26px;background-color: #88bb26;border-radius: 14px;text-align: center;color:#fff;}
.lv21:after{content:"探针设备";}
.lv22:after{content:"脱敏设备";}
.lv23:after{content:"运维设备";}

.lv21,.lv22,.lv23 {height:180px; position: relative;}
.lv21{margin-top:40px;}
.lv2 ul{height:120px; overflow: hidden;}
.lv2 ul li{display: inline-block;margin: 20px 20px 10px;padding:6px; position: relative;border-radius: 4px;}
.lv2 ul li:first-child{margin-left: 80px;}
.lv2 ul li:before{position: absolute;left:45%;top:-22px; display:block;content:"";height:28px;width:3px; background-color: #727888;z-index: 0}
.lv2 ul li.checked{border:1px solid #45a8fb;background-color: #edf1f7; z-index: 99;padding:5px;}
.lv2 ul li.checked:after{content:"\e9aa";font-family: "cetc";display: inline-block; position: absolute;right:-2px;top:-3px;color:#45a8fb;font-size:24px;}


.lv1 i,.lv2 i{display: block; text-align: center; font-size:64px}
.icon-server-wifi{color:#476e80;}
.icon-server-db{color:#183988;}
.lv2 ul li.fc-gray i{color:#9295a4;}
.lv2 ul li.fc-success i{color:#139754;}
.lv2 ul li.fc-warning i{color:#fb921a;}
.lv2 ul li span{display: block; text-align: center; font-size:14px;}
.lv1 span{display: block;text-align: center;}

.rightmenu{position: absolute; padding:10px 0; border: 1px solid #ddd; box-shadow: 5px 5px #ddd; width:150px; border-radius: 4px;display: none;background-color: #fff; z-index: 9990}
.rightmenu li{padding:5px 15px;color:#0071c0;}
.rightmenu li:hover{background-color: #edf1f7;color:#309efb;cursor: pointer;}
.rightmenu li i{margin-right: 5px;font-size:16px;color:#828ea6;vertical-align: middle;}

.lv2 .mCustomScrollBox{overflow:visible;}
.lv2 .mCSB_scrollTools.mCSB_scrollTools_horizontal{top:-10px; z-index: 91;}
.lv2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(48,158,251,.9)}
.lv2 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:5px;}

.as-item{padding-left:160px; position: relative;border:1px solid #ddd;border-width: 1px 1px 0 1px;}
.as-item:after{clear: both;content:"";display:block;}
.as-item-tit{position: absolute;top:10px;left:0;width:160px; text-align: right;padding-right:5px;padding:5px;}
.as-item-con{padding:8px;min-height:50px;border-left:1px solid #ddd;height:50px; overflow: hidden;}
.as-item-con select,.as-item-con span{display: inline-block;padding:4px;vertical-align: middle;}
.as-item-con span{margin-left: 20px;}
.as-item-con span input{width:150px;}
.as-item-con span input.short{width:100px;}
.as-item-con span input.long{width:320px;}
.as-item-con .check-group li{margin-top:5px;margin-bottom:8px;}
.as-item-btnbar{padding:10px 10px 10px 170px;}


.panel-head a{padding:5px 15px;display: inline-block;vertical-align: middle;}
.arr em{cursor:default; cursor: pointer;color:#828ea6;margin-left: 5px;margin-top: 5px;}
.arr em:hover{opacity: 1;}
.arr em.open:after{content:"\e65e";font-size:16px;font-family: "cetc"}
.arr em:after{content:"\e65f";font-size:16px;font-family: "cetc"}

.form-content .table{border:1px solid #ddd;border-radius: 4px; }
.form-content .table > tbody>tr>td{text-overflow:none}
.form-content .table label{min-width:180px;display: inline-block;}
.form-content p{padding:10px 0;}
.dialog .col-6  .form-title{width:30%;}
.dialog .col-6  .form-content{width:70%;}
.smblock{display: inline-block;margin-left:10px;}
.smblock:first-child{margin-left:0;}
.smblock input[type='text']{display: inline-block;}
.dialog input[type='text'],.dialog input[type='password'],.dialog textarea,.dialog select{width:320px;}
.dialog .col-6 input[type='text'],.dialog .col-6 input[type='password'],.dialog .col-6 textarea,.dialog .col-6 select{width:100%;}
.dialog td.tdtit{width:150px;}
.dialog .input-group input[type='text']{width:46%;}

.inline-list {background-color: #edf1f7;margin-top:-10px;margin-left:-10px;margin-right:-10px;padding:10px;}
.inline-list li{display: inline-block;min-width: 240px;padding:5px;}

.dialog .msg{padding:20px; font-size:16px;}
.table-basic span{margin-right:10px;display: inline-block;}
.table-basic table{width:100%;}
.table-basic table  td{padding:5px;border-top:1px solid #ddd;text-align: left;}
.table-basic table thead th{font-weight: normal;text-align: left;}
.table-basic tr.line{border-top:10px solid  #ddd;}

.more{position: absolute;right:10px;top:15px;}

.colbtn{position: absolute;z-index: 9; left:2px;top:0;padding:10px;}
.colbtn:hover{color:#d92738;}
.table thead tr th.field{overflow: visible;}
.table +  .footbar{padding-bottom:10px;}
.field{position: relative;}
.btnbar .field{display: inline-block;}
.field ul{position: absolute;top:34px;left: 0; z-index: 99;background-color: #fff;cursor: default;border: 1px solid #ddd;padding:10px 0;display:none;}
.field li{padding:5px 10px; white-space: nowrap;}
.field li:before{content:"";display:inline-block;margin:-3px 3px 0 0;padding:0;width:18px;height:18px;border:none;background:url(../images/icheck.png) no-repeat;vertical-align:middle;cursor:pointer;}
.field li.checked:before{background-position:-40px 0;}

#datasource  h3{padding-bottom: 10px;}
#datasource .col-4:nth-child(3n+4){clear: left;}
.table>tbody>tr>td.iptxt{overflow:visible;white-space:normal;}
.iptxt span{border:1px solid #ddd; background-color: #fff; margin:5px; display: inline-block;padding:2px 15px; border-radius: 10px; white-space: nowrap;}
.dialog .form-content p{padding: 10px 0}
.dialog .form-content p input{width:230px;}
.dialog .form-content select.full{width:100%;}


.source-box{float:left;width:33.33%;padding:10px 20px;}
.source-box .icons{display:inline-block;text-align: right;float: right;}
.source-box .icons a{display:inline-block;}
.source-box .icons a{padding:0 5px;font-size:16px;cursor:pointer;height:26px;}
.source-box .icons a:hover{background-color: #0071c0;color: #fff;border-radius: 4px;}
.col-3 .source-box{width:100%;}
.source-box:nth-child(3n+1){clear: both;}

.source-tit {height: 36px; line-height: 30px;}
.source-tit h4{display:inline-block;}
.source-item{border:1px solid #ddd;border-bottom-width:0;}
.source-item:last-child{border-bottom-width:1px;}
.source-item p{background-color: #f5f5f5;padding:5px;min-height: 36px;cursor: pointer;border-bottom: 1px solid #ddd;}
.source-item li .icons{display:none;}
.source-item li:hover .icons{display:inline-block;}
.source-item p:before{content:"\e65f";font-family:"cetc";display:inline-block;vertical-align: middle;margin-right: 5px;}
.source-item.open p:before{content:"\e65e";}
.source-item.open li{display:block;}
.source-item p strong,{display: inline-block;width:50%;}
.source-item li span{display: inline-block;width:60%;}
.source-item li span.short{width:40%;}
.source-item li strong{display: inline-block;font-weight: normal;}
.source-item li span strong{margin-left: 10px}
.source-item .new{color:#d92738;}
.new i{margin-right: 5px; cursor: pointer; position: relative; z-index: 10}

.source-item ul{padding-top:1px;}
.source-item li{background-color: #fff;padding:5px 5px 5px 20px;min-height:36px;border-bottom:1px solid #ddd;color:#9295a4;}
.source-item li:last-child{border-bottom-width:0}
.source-item li span{cursor: move;}
.source-item li input[type='text'],.source-item li  button{padding:2px 5px;height:24px;min-width: 32px; vertical-align: middle;}
.form-item-group{margin:10px 0;border:1px solid #ddd; border-radius: 6px;background-color:#fafafa;padding-bottom:10px;}
.form-item-group-title{background-color: #ddd;display: inline-block;padding:2px 10px;border-bottom-right-radius: 6px;}
.form-item-group .delete{border-radius: 0 0 4px 4px;    float: right;    margin-right: 10px;    margin-top: -1px;}
.form-item .fm-group input,.form-item .fm-group select{display: inline-block;width:auto;}
.form-item .fm-group select{padding-top:4px;}
.form-item .fm-group span{display: inline-block;margin-left: 5px;vertical-align: middle;}

.input-group{display:inline-block;height:31px;border:1px solid #ddd;border-radius:4px;background-color:#fff;vertical-align: middle;max-width: 400px;}
.input-group input{display: inline-block;width:46%;float: left;border:none;height:29px;padding-left:5px;}
.input-group span{display: inline-block;width:8%;height:29px;line-height:29px;text-align: center;background-color: #eee;float: left;border-left:1px solid #ddd;border-right:1px solid #ddd;}


.col4  li{min-width: 0;margin-left: 50px;}
.col4  li:first-child{margin-left: 0;}
.chart{min-height: 300px;}
.chart h3,.chart .flow-item h3,.chart .flow-item .scrollbar{border:none;}
.chart .flow-item,.chart .flow-item:first-child{padding:0;width:100%;}
.chart .flow-item h3{padding:0;color:#000;font-size: 18px;background-color: transparent;}
.showchart:before{display: inline-block;content:"\e671";font-family: "cetc";font-size: 16px;margin-right: 5px;vertical-align:middle;}
.showchart.tablelist:before{content:"\ea70";font-size: 18px;vertical-align: bottom;}

.btnbar.group{border-radius: 4px; overflow: hidden;display: inline-block;vertical-align: middle;}
.btnbar.group button{border:none; float: left;padding-right:15px;padding-left:15px;height:32px;border:none;font-size:14px;cursor:pointer;background-color: #f5f5f5;border:1px solid #ddd;border-left: none;}
.btnbar.group button:first-child{border-radius: 4px 0 0 4px;border-left: 1px solid #ddd;}
.btnbar.group button:last-child{border-radius: 0 4px 4px 0}
.btnbar.group button:hover{box-shadow: 3px 3px 3px #eee inset;}
.btnbar.group button.active,.btnbar.group button:active{background-color: #0071c0;border-color:#0071c0;color:#fff;box-shadow: none;}
.event-list{padding:0 10px;clear: both;}
.event-list li{padding:5px 5px 5px 20px;margin-left: 10px; position: relative;border-bottom: 1px solid #ddd;}
.event-list li:hover{background-color: #f5f5f5;border-bottom: 1px solid #d92738;padding-bottom: 4px;}
.event-list li:after{display: block;content:"";clear: both;}
.event-list li:before{content:"\e65c";font-family:"cetc";display: inline-block;font-size:12px; position: absolute;left:10px;top:10px;}
.event-list li:last-child{margin-bottom: 0;}
.event-list span{display: block;width:50%; float: left;padding:2px 5px;overflow: hidden;}
.event-list label{margin:0 5px;}
.event-border li {border-bottom:1px solid #ddd;}
.event-border label{background-color: #f5f5f5;border: 1px solid #ddd; border-radius: 20px; padding:0 10px; display: inline-block;color:#0071c0;}
.event-col3 li span:first-child{width:16%;}
.event-col3 li span:nth-child(2){width:42%;}
.event-col3 li span:last-child{width:42%;}
.event-head li:first-child {background-color: #f5f5f5;}
.event-head li:before{display: none}

.datebox{padding:10px 20px; text-align: center;}
.datebox >button {border-radius: 4px;margin:0 10px; height:30px;width:32px;border:1px solid #ddd; background-color: #f5f5f5; vertical-align: middle;}


.flow-item{float: left;width:35%;padding:10px 100px 10px 10px; position: relative;}
.flow-item:after{content:"\e954";font-family: "cetc";font-size: 48px; display: inline-block;transform:rotate(90deg); position: absolute;right:30px;top:95px;color:#ddd;}
.flow-item:last-child{width:30%;padding-right:0;}
.flow-item:last-child:after{display: none;}
.flow-item h3{background-color: #f5f5f5;border: 1px solid #ddd;padding:10px;border-radius: 4px 4px 0 0}
.flow-item .scrollbar,.flow-center{border: 1px solid #ddd;border-top-color: #fafafa;border-radius: 0 0 4px 4px;height:160px;padding:10px 0; overflow: hidden;}
.flow-item li{display: block;padding:2px 10px;overflow:hidden;}
.flow-item li:hover{background-color: #f5f5f5;}
.flow-item li strong{display:block;width:40%;float:left;}
.flow-item li em{display: block;float: right;width:35%; text-align: right;padding-right: 5px;}
.flow-item li label:after{content: "";display: block; clear: both;}
.flow-item li .progress{ height:14px; position:relative; top:2px; display:inline-block; width:25%; margin:0;  float: right;}
.flow-item li .progress-bar{ font-size:12px; line-height:14px; color:#fff}
.flow-center{padding-left:30px; padding-right:30px;}
.flow-center h4{font-size:18px; padding:10px;text-align: center;}

.col-left .alink{margin-top:5px;}
.col-right .btnbar{display:inline-block;vertical-align: middle;}
.col-right label{margin-left: 5px;}
.col-right label:first-child{margin-left: 0;}

#tablefull:before{content:"\e658 展开";font-family:"cetc";font-size:12px;}
#tablefull.open:before{content:"\e651 收起";}
.circle ul{padding:20px;height:180px;text-align: center;}
.circle li{float:left;width:33.33%;min-height:140px;text-align: center;padding:20px 10px; vertical-align: top; position: relative;}
/*.circle li:after{display: inline-block;content: "";width:160px;height:160px;border-radius: 50%;border: 1px solid #ddd; position: absolute;left:50%;top:20px;margin-left: -80px;}*/
.circle li:nth-child(1){background-color: #56c6fa}
.circle li:nth-child(2){background-color: #91bf3c}
.circle li:nth-child(3){background-color: #f89b31}
.circle li:nth-child(4){background-color: #6c93d9}
.circle li strong{display: block;font-size:24px;color:#fff;font-weight: normal;}
.circle li span{display: block;padding-top:10px;line-height: 28px;font-size:20px;color: #eee;}
.resourcebox ul{padding:15px 10px;}
.resourcebox li{border-bottom: 1px solid #ddd;min-height: 30px; line-height: 30px;margin-right:100px;}
.resourcebox li span{padding:5px;min-height: 30px;white-space: nowrap;}
.resourcebox li:first-child{border-bottom:1px solid #7ab30d;margin-right:0;}
.resourcebox li:nth-child(2) label{clear: both;}
.resourcebox li:last-child{margin-right:0;}
.resourcebox li .col-left{width:108px;}


.safetyindex{position:absolute;top:45%;right:30px;width:80px; display: inline-block;z-index: 1}
.safetyindex strong{ position: absolute;width:100%;left:0;top:-5px;text-align: center; z-index: 9;color:#fff;font-size:16px;}
.safetyindex:before{position: absolute;top:0;right:0; content:"\e9ac";font-family:"cetc";font-size:80px;color:#7ab30d; z-index: 0}
.danger:before{color:#d92738;}

.tipinfo{color:#d92738;padding:20px;}
.sqltxt{max-height:80px;line-height:20px;word-wrap:break-word; white-space:pre-wrap; overflow:auto;word-break:break-all; }
.sqltxt p{padding-top:15px;}
.sqltxt p:nth-child(even){color:#2daeca;}
.sqltxt p:first-child{padding-top:15px;}

.iframe{width:100%;height:100%;border:0; overflow: hidden;}

@media screen and (max-width:1440px){
body, button, input, select, textarea{font-size:12px;}
.flow-item{padding-right:50px;}
.flow-item::after{font-size:36px;right:10px; }
.flow-item li .progress{width:100px;margin-bottom: 0;}
.flow-center h4{font-size:16px;}
.flow-num .fl{margin-top:-45px;}
.flow-center .progress{margin-bottom:5px;margin-top:40px;}
.safetyindex{width:50px;right:15px;}
.safetyindex:before{font-size:50px;}
.safetyindex strong{font-size:12px;top:-6px;}
.resourcebox li{margin-right:50px;}
.resourcebox li .col-left{width:96px;}
.resourcebox ul{padding:10px 5px;}
.event-list{padding:0;}
.event-resourcebox span{width:100%;}
.event-resourcebox label{ position: absolute;right:-5px;top:35px;}
.dialog-win{margin-top:-280px;}
.dialog-body{height:460px;}

.sys-sidebar-submenu > ul > li > a{height:36px;}
.sys-sidebar-submenu > ul > li > ul{padding-top:5px;padding-bottom: 10px;}
.sys-sidebar-submenu > ul > li > ul > li > a{line-height: 24px;height:24px;}

.alink{margin-left:0;margin-right: 0;}

#bodyT .label{display: block;margin: 2px 0;text-align: center;}
}
